import { FC, useState } from "react";
import {
  HeartOutlined,
  PlaySquareOutlined,
  ShareAltOutlined,
} from "@ant-design/icons";
interface item {
  item: any;
}
const Item: FC<item> = (props) => {
  return (
    <div className="item">
      <h3>
        {props.item.title} <span style={{ color: "#ccc" }}>|</span>{" "}
        <span style={{ color: "#ccc", fontWeight: "normal" }}>{}天前</span>
      </h3>
      <p className="item_p">
        <span>{props.item.summary ? props.item.summary : <b></b>}</span>
        <img src={props.item.cover} alt="" width="120px" height="80px" />
      </p>
      <p className="pp1">
        <span>
          <HeartOutlined />
          {props.item.likes}
        </span>
        <span>.</span>
        <span>
          <PlaySquareOutlined />
          {props.item.views}
        </span>
        <span>.</span>
        <span>
          <ShareAltOutlined />
          分享
        </span>
      </p>
    </div>
  );
};
export default Item;
